<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增加客户</title>
    <link rel="stylesheet" type="text/css" href="/page/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/page/css/select.css"/>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>新增业务工程</legend>
</fieldset>
<form class="layui-form layui-form-pane" lay-filter="addClient" action="" id="content">
    <div class="layui-inline" style="padding-left: 9.1%;padding-top: 2%">
        <form class="layui-form layui-form-pane" action="javascript:;">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="clientName" required lay-verify="required" placeholder="请输入客户姓名"
                           v-model="onedecClient.clientName" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" id="addressDiv">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-inline">
                    <select name="clientProvince" lay-filter="province" id="province"
                            v-model="onedecClient.clientProvince">
                        <option></option>
                    </select>
                </div>

                <div class="layui-input-inline">
                    <select name="clientCity" lay-filter="city" id="city" v-model="onedecClient.clientCity">
                        <option></option>
                    </select>
                </div>

                <div class="layui-input-inline">
                    <select name="clientArea" lay-filter="area" id="area" v-model="onedecClient.clientArea">
                        <option></option>
                    </select>
                </div>

            </div>
            <div class="layui-form-item" style="margin-top: 20px">
                <label class="layui-form-label">详细地址</label>
                <div class="layui-input-block">
                    <input type="text" name="clientAddr" required lay-verify="required" placeholder="请输入详细地址"
                           autocomplete="off" class="layui-input" v-model="onedecClient.clientAddr">
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 20px">
                <label class="layui-form-label">联系方式</label>
                <div class="layui-input-block">
                    <input type="text" name="clientTel" required lay-verify="required" placeholder="请输入客户联系方式"
                           autocomplete="off" class="layui-input" v-model="onedecClient.clientTel">
                </div>
            </div>
            <div class="layui-form-item" style="margin-top: 20px">
                <label class="layui-form-label">请房屋面积</label>
                <div class="layui-input-inline">
                    <input type="text" name="clientHousearea" required lay-verify="required" placeholder="请输入房屋面积"
                           autocomplete="off" class="layui-input" v-model="onedecClient.clientHousearea">
                </div>
            </div>
            <div class="layui-input-inline">
                <button lay-submit lay-filter="*" class="layui-btn">新增项目</button>
            </div>
    </div>
</form>
</div>
</form>
<script src="/page/js/jquery-3.5.1.min.js"></script>
<script src="/page/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/page/js/select2.js" type="text/javascript" charset="utf-8"></script>
<script src="/page/js/vue.js"></script>
</body>
<script>
</script>
</html>